<template>
    <div>
        <!-- 动态style语法
      :style="{css属性名: 值}"
     -->
        <p :style="{ backgroundColor: colorStr }">DynaStyle</p>

    </div>
</template>

<script>

export default {

    data() {
        return {
            colorStr:'red'
        }
    }

}


</script>

<style scoped></style>